<!-- ***** BEGIN LICENSE BLOCK *****
- Version: MPL 1.1/GPL 2.0/LGPL 2.1
-
- The contents of this file are subject to the Mozilla Public License Version
- 1.1 (the "License"); you may not use this file except in compliance with
- the License. You may obtain a copy of the License at
- http://www.mozilla.org/MPL/
-
- Software distributed under the License is distributed on an "AS IS" basis,
- WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- for the specific language governing rights and limitations under the
- License.
-
- The Original Code is Bespin.
-
- The Initial Developer of the Original Code is
- Mozilla.
- Portions created by the Initial Developer are Copyright (C) 2009
- the Initial Developer. All Rights Reserved.
-
- Contributor(s):
-
- Alternatively, the contents of this file may be used under the terms of
- either the GNU General Public License Version 2 or later (the "GPL"), or
- the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- in which case the provisions of the GPL or the LGPL are applicable instead
- of those above. If you wish to allow use of your version of this file only
- under the terms of either the GPL or the LGPL, and not to allow others to
- use your version of this file under the terms of the MPL, indicate your
- decision by deleting the provisions above and replace them with the notice
- and other provisions required by the GPL or the LGPL. If you do not delete
- the provisions above, a recipient may use your version of this file under
- the terms of any one of the MPL, the GPL or the LGPL.
-
- ***** END LICENSE BLOCK ***** -->

<!DOCTYPE html>
<html>
<head>
<title>Bouncy Bespin</title>
<link id="bespin_base" href="..">
<link rel="stylesheet" type="text/css" href="../BespinEmbedded.css">
<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>
<script type="text/javascript" src="../BespinEmbedded.js"></script>
<script type="text/javascript">
    window.onBespinLoad = function() {
        var body = $('body');
        var bodyW = window.innerWidth, bodyH = window.innerHeight;
        var editor = $('#editor');
        var editorW = editor.width(), editorH = editor.height();
        var maxLeft = bodyW - editorW - 1, maxTop = bodyH - editorH - 1;
        var left = 0, top = 0;
        var deltaX = 3, deltaY = 3;

        window.setInterval(function() {
            if ((deltaX < 0 && left <= 0) || (deltaX > 0 && left >= maxLeft)) {
                deltaX = -deltaX;
            }

            if ((deltaY < 0 && top <= 0) || (deltaY > 0 && top >= maxTop)) {
                deltaY = -deltaY;
            }

            left += deltaX;
            top += deltaY;

            var editor = $('#editor');
            editor.get(0).bespin.dimensionsChanged();
            editor.css({ left: "" + left + "px", top: "" + top + "px" });
        }, 10);
    };
</script>
<style type="text/css">
    .bespin {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 480px;
        height: 320px;
    }
</style>
</head>
<body>
<div id="editor" class="bespin" data-bespinoptions='{ "stealFocus": true }'>Whee!</div>
</body>
</html>

